﻿.browser {
    padding: 10px 0;
    width: 770px;
    height: 450px;
    top: 110px;
    bottom: 60px;
    left: 12px;
    right: 12px;
}

.browser p {
    margin: 0;
    text-align: center;
}

.nano { width: 770px; height: 440px; }
.nano .content {  }
.nano .pane   { background: #888; }
.nano .slider { background: #111; }        

    .browser li {
        float: left;
        margin: 10px;
        width: 230px;
    }

        .browser li.active {
            -moz-box-shadow: 0 0 0 10px #e8e9e9;
            -webkit-box-shadow: 0 0 0 10px #e8e9e9;
            background: #e8e9e9;
            box-shadow: 0 0 0 10px #e8e9e9;
        }

        .browser li h3 {
            margin-top: 5px;
            width: 220px;
            font-size: 11px;
            overflow: hidden;
        }

        .browser li .date {
            font-size: 10px;
        }

        .browser li .list-img {
            -moz-background-size: cover;
            -webkit-background-size: cover;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            display: block;
            height: 140px;
            text-indent: -9999px;
        }

    .browser input {
        display: block;
        padding: 5px;
        width: 468px;
        float: left;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .browser select {
        margin-left: 20px;
        margin-bottom: 10px;
        width: 250px;
        position: relative;
        float: right;
        padding: 5px;
    }
